<template>
  <div>
    <!-- <div v-show='flag'>这是一个图片</div> -->
     <div v-if='flag'>这是一个图片</div>
    <button @click='fn'>点击以后显示和隐藏</button>
   
  </div>
</template>

<script>
export default {
  //该vue组件的数据源
  data() {
    return {
      flag:true
    }
  },
  methods: {
    fn(){
        //取反
     this.flag= !this.flag
    }
  },
}
</script>

<style scoped></style>